<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<%@ page language="java" pageEncoding="UTF-8"%>
<%@ page contentType="text/html;charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sec"
	uri="http://www.springframework.org/security/tags"%>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta
	content='width=device-width, initial-scale=0.5, maximum-scale=1, user-scalable=no'
	name='viewport'>
<title>枝江农村供水工程 | 水质检测系统</title>
<link rel="stylesheet" href="../css/bootstrap.min.css" type="text/css" />
<link rel="stylesheet"
	href="../css/waterQuality/bootstraptable/bootstrap-table.css" />
<link rel="stylesheet" href="../css/font-awesome.min.css"
	type="text/css" />
<link href="../css/AdminLTE.css" rel="stylesheet" type="text/css" />
<link href="../css/time/css//bootstrap-datetimepicker.min.css"
	rel="stylesheet" media="screen">
<link rel="stylesheet" href="../css/systemManage/btn.css"
	type="text/css">
<!--  <link rel="stylesheet" href="../css/systemManage/form.css" type="text/css"> -->
<link rel="stylesheet" href="../css/systemManage/common.css"
	type="text/css">
<link rel="stylesheet"
	href="../css/systemManage/validationEngine.jquery.css" type="text/css">
<link rel="stylesheet" href="../css/systemManage/input-select.css"
	type="text/css">
<link rel="stylesheet"
	href="../css/systemManage/jquery.bigautocomplete.css" type="text/css" />
<link rel="stylesheet" href="../css/waterQuality/norm.css"
	type="text/css">
<!-- <link rel="stylesheet" href="../css/waterQuality/requireTable.css"
	type="text/css"> -->
<style>
.fixed-table-toolbar .bars,.fixed-table-toolbar .search,.fixed-table-toolbar .columns
	{
	margin-bottom: 0px;
}

.fixed-table-pagination {
	height: 40px;
}
.tableCell {
text-align: center;
font-weight: normal;
color: #0066ff;
}
.recordListCSS{
font-size: 25px;
height: 50px;
color: #0066ff;
margin-left: 20px;
margin-top: 20px;
}
.input-group-addon {
	background-color: #EBEBE4;
}
/* .pagination-info{position: absolute;}  */
</style>
<script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="../js/bootstrap3.2.js"
	charset="UTF-8"></script>
<script type="text/javascript"
	src="../js/waterQuality/bootstraptable/bootstrap-table.js"></script>
<script type="text/javascript" src="../js/bootstrap-table-zh-CN.min.js"></script>
<!-- 时间相关JS -->
<script type="text/javascript"
	src="../css/time/js/bootstrap-datetimepicker.min.js" charset="UTF-8"></script>
<script type="text/javascript"
	src="../css/time/js/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
<script type="text/javascript"
	src="../css/time/js/bootstrap-clockpicker.min.js"></script>
<!-- 对话框js -->
<script type="text/javascript" src="../js/waterQuality/date.js"
	charset="UTF-8"></script>
<script type="text/javascript" src="../js/waterQuality/base.js"
	charset="UTF-8"></script>
<!-- 导出扩展 -->
<script type="text/javascript"
	src="../js/plugins/bootstraptable/bootstrap-table-export.js"></script>
<script src="../js/plugins/bootstraptable/tableExport.js"></script>
<!-- 验证js -->
<script type="text/javascript"
	src="../js/systemManage/jquery.validationEngine-zh_CN.js"></script>
<script type="text/javascript"
	src="../js/systemManage/jquery.validationEngine.js"></script>
<script type="text/javascript"
	src="../js/systemManage/jquery.bigautocomplete.js"></script>
<%-- <script type="text/javascript" src="../js/waterQuality/selectNorm.js"
	charset="UTF-8"></script> --%>
<script type="text/javascript" src="../js/waterQuality/recordData.js"
	charset="UTF-8"></script>
<script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script>
<script>
		function printTable() {
		var body=document.getElementById("inquire2");
   		document.body.innerHTML=body.innerHTML
 		window.print();		
		}
	</script>
</head>
<body class="skin-blue">
	<!-- header logo: style can be found in header.less -->
	<header> </header>
	<div class="wrapper row-offcanvas row-offcanvas-left">
		<!-- Right side column. Contains the navbar and content of the page -->
		<aside>
			<section>
				<div class="nav-tabs-custom">
					<!-- <div id="prompt" align="center">水质检测数据报告单</div> -->					
					<div id="choiceButton" >
					<button id="backBotton"	class="btn btn-default" style="margin-left:20px;margin-top:20px;" onclick="javascript:history.back(-1);">返回</button>
					<button id="printBotton" class="btn btn-default" style="margin-left:20px;margin-top:20px;" onclick="printTable()">打印</button>
					</div>
					<div class="table-responsive" id="inquire2" align="center" >
					<!-- <caption class="greenFont">水站水质数据检测报告单</caption> -->
						<!-- data-show-toggle="true" data-show-columns="true" data-url="GetQualityReportData.action" -->
						<table data-toggle="table" 
							style="white-space: nowrap; text-align:center"
							class="table table-hover table-striped table-bordered table-condensed"
							id="QualityRecordDataTable" data-cache="false"
							 data-pagination="true"  
							 data-select-item-name="toolbar1"
							data-toolbar="#toolbar" data-page-size="20"
							data-page-list="[10,20,50]" data-show-export="true"
							data-show-refresh="true">							
							<thead>							
								<tr>
									<th rowspan="2" style="white-space:nowrap;writing-mode=tb-rl;"
										data-field="serialNumber" data-align="center" class="tableCell">序号</th>
									<th colspan="2" style="white-space:nowrap;"
										data-field="sampleName" data-align="center" class="tableCell"></th>
									<th colspan="2" style="white-space:nowrap;"
										data-field="resourceWater" data-align="center" class="tableCell">水源水</th>
									<th colspan="2" style="white-space:nowrap;text-align=center;"
										data-field="factoryWater" data-align="center" class="tableCell">出厂水</th>
									<th colspan="2" style="white-space:nowrap;text-align=center;"
										data-field="pipeWater" data-align="center" class="tableCell">管网末梢水</th>
									<!-- <th rowspan="2" style="white-space:nowrap;"
										data-field="standardValue" data-align="center" class="tableCell">标准值</th>-->
									<th rowspan="2" style="white-space:nowrap;" 
										data-field="testMethod" data-align="center" class="tableCell">检测方法</th>
								</tr>
								<tr>
									<th style="white-space:nowrap;writing-mode=tb-rl;" data-align="center" 
										data-field="testTime">检验时间									
									</th>
									<th style="white-space:nowrap;writing-mode=tb-rl;" data-align="center" 
										data-field="testItem">检验项目									
									</th>									
									<!-- data-field命名規則：後綴1表示水源水，2表示出廠水，3表示管網水 -->									
									<th style="white-space:nowrap;writing-mode=tb-rl;" data-align="center" 
										data-field="testValue1">检验结果</th>
									<th style="white-space:nowrap;writing-mode=tb-rl;" data-align="center" 
										data-field="standardValue1">标准值</th>
									<th style="white-space:nowrap;writing-mode=tb-rl;" data-align="center" 
										data-field="testValue2" >检验结果</th>
									<th style="white-space:nowrap;writing-mode=tb-rl;" data-align="center" 
										data-field="standardValue2">标准值</th>
									<th style="white-space:nowrap;writing-mode=tb-rl;" data-align="center"
										data-field="testValue3">检验结果</th>
									<th style="white-space:nowrap;writing-mode=tb-rl;" data-align="center"
										data-field="standardValue3">标准值</th>																			
								</tr>
								<!-- <tr>
							<th colspan="1" style="white-space:nowrap;"
								data-field="testMethod" >检验项目</th>
						</tr> -->
							</thead>
						</table>
						<!-- /.table-->
					</div>
					
				</div>
			</section>
			<!-- /.content -->
		</aside>
		<!-- /.right-side -->
	</div>
	<!-- ./wrapper -->
	<script type="text/javascript">
		jQuery(document).ready(function() {
			// jq("#test th").hide();	    
			//getSelectOfWaterPlant();
			getTableData("GetQualityRecordDataTableShow.action");
			
		});
	
		
	</script>
</body>
</html>